@import './variable.scss';
@import './resize.scss';
a {
        color: $linkColor;
}

html,
body {
        position: relative;
        width: 100%;
        height: 100%;
}

#vtsxID {
        height: 100%;
}

.shrs-body {
        width: 100%;
        height: 100%;
        overflow: hidden;
        .head {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 10;
                background-color: rgba(255, 255, 255, .2);
                .shrs-top {
                        width: 100%;
                        height: 2px;
                        background: url(../assets/img/top.png) repeat-x;
                        background-size: 100%;
                }
                .pcHead {
                        width: 1200px; // height: 80px;
                        margin: 0 auto;
                        .logo {
                                width: 100px; // height: 100%;
                                img {
                                        width: 100%;
                                }
                        }
                        .menu-row {
                                .menus {
                                        margin: 40px 0 0 20px;
                                        padding-left: 15px;
                                        span {
                                                a {
                                                        display: inline-block;
                                                        padding: 0 15px;
                                                        color: #1b1b1b;
                                                        font-size: 16px;
                                                }
                                                a:hover {
                                                        color: #f00;
                                                        padding-bottom: 16px;
                                                        border-bottom: 3px solid #f00;
                                                }
                                        }
                                }
                                .phone {
                                        display: flex;
                                        justify-content: space-around;
                                        margin: 33px 0 0 16px;
                                        vertical-align: middle;
                                        .phoneImg {
                                                display: inline-block;
                                                width: 29px;
                                                height: 31px;
                                                margin: 0;
                                                vertical-align: middle;
                                                background: url(../assets/img/phone.png);
                                        }
                                        .p {
                                                position: relative; // top: -0.08rem;
                                                display: flex;
                                                margin-left: 10px;
                                                flex-direction: column;
                                                justify-content: center;
                                                vertical-align: middle;
                                                p {
                                                        display: inline-block;
                                                }
                                                .p1 {
                                                        color: #3e3e3e;
                                                        font-size: 12px;
                                                }
                                                .p2 {
                                                        color: #de0025;
                                                        font-size: 18px;
                                                }
                                        }
                                }
                        }
                }
                .mbHead {
                        // margin-top: 0.12rem;
                        img {
                                width: 50%;
                                margin-left: 0.1rem;
                        }
                        .menu-xs {
                                position: relative;
                                margin: .15rem .15rem 0 0;
                                span {
                                        position: relative;
                                        top: 0;
                                        right: -0.05rem;
                                        padding: 0.05rem 0.1rem;
                                        font-size: 0.18rem;
                                }
                                span:hover {
                                        cursor: pointer;
                                }
                        }
                        .mini-menus {
                                z-index: 10;
                                width: 100%;
                                height: 1.94rem;
                                background-color: rgba(255, 255, 255, .2);
                                background-clip: padding-box;
                                border: 0.01rem solid rgba(0, 0, 0, .15);
                                border-radius: 4px;
                                box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
                                transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
                                a {
                                        display: block;
                                        opacity: 1;
                                        clear: both;
                                        padding: .02rem .1rem;
                                        color: #333;
                                        font-size: .14rem;
                                        text-align: center;
                                        white-space: nowrap;
                                        transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
                                }
                                a:hover {
                                        color: #f30;
                                }
                                div:nth-of-type(even) {
                                        background: rgba(175, 175, 175, .2);
                                        ;
                                }
                        }
                        .toggle {
                                overflow: hidden;
                                height: 0;
                                border: none;
                                a {
                                        opacity: 0;
                                }
                        }
                }
        }
        .content {
                height: 100%;
        }
        .footerMargin {
                width: 100%;
                height: 30px; // background: #fb0;
        }
        .footer {
                width: 100%;
                padding: 10px 0;
                background: #343434;
                .pcFoot {
                        width: 1008px;
                        height: 181px;
                        margin: 0 auto;
                        padding-top: 10px;
                        background: url(../assets/img/footBG.png) no-repeat;
                        background-size: 100%;
                        .img {
                                width: 164px;
                                height: 164px;
                        }
                        .info {
                                padding-left: 10px;
                                color: #fff;
                                .menu {
                                        line-height: 42px;
                                        a {
                                                padding: 0 10px;
                                                color: #fff;
                                                font-size: 16px;
                                        }
                                }
                                span {
                                        display: inline-block;
                                        padding-left: 10px;
                                        font-size: 12px;
                                        line-height: 32px;
                                        a {
                                                color: #fff; // font-size: 12px;
                                        }
                                }
                        }
                } // PC端
                .mbFoot {
                        position: relative;
                        width: 100%;
                        height: .65rem;
                        color: #fff;
                        .QRcode {
                                width: 0.63rem;
                                height: 0.63rem;
                                margin-left: 0.1rem;
                                background: url(../assets/img/miniQR.jpg) no-repeat;
                                background-size: 100%;
                        }
                        .info {
                                display: flex;
                                flex-direction: column;
                                justify-content: space-between;
                                height: 100%;
                                color: #fff;
                                div {
                                        padding-left: 0.09rem;
                                        span {
                                                display: inline-block;
                                                padding: 0.03rem;
                                                text-size-adjust: none;
                                                -webkit-text-size-adjust: none;
                                                font-size: 0.08rem;
                                        }
                                }
                        }
                        .xsInfo {
                                display: flex;
                                flex-direction: column;
                                justify-content: space-around;
                                width: 75%;
                                height: 100%;
                                padding-left: 0.1rem;
                                a {
                                        color: #0080ff;
                                }
                        }
                } // 移动端
        }
}

.home {
        height: 100%;
        .swiper-container {
                width: 100%;
                height: 100%;
                img {
                        // width: 100%;
                        height: 100%;
                }
                .swiper-pagination {
                        .swiper-pagination-bullet {
                                width: .15rem;
                                height: .15rem;
                                border: 2px solid #fff;
                        }
                        span {}
                }
        }
}

/* 列表菜单下所有 itemTitle */

.itemTitle {
        .title {
                width: 100%;
                height: 50px;
                padding-bottom: 10px;
                border-bottom: 1px solid #ededed;
                dt {
                        color: #2c2c2c;
                        font: bold 22px/24px Microsoft YaHei;
                }
                dd {
                        color: #de0025;
                        text-align: center;
                        font: 12px/14px Arial, Helvetica, sans-serif;
                }
                .RightTitle {
                        float: right;
                        height: 100%;
                        span::before {
                                content: '';
                                display: inline-block;
                                vertical-align: middle;
                                height: 100%;
                        }
                        span {
                                vertical-align: middle;
                        }
                        span a {
                                color: #242424;
                        }
                        a:hover {
                                color: #CA0005;
                        }
                }
        }
}

.IntoWorld {
        .incontent {
                p {
                        padding: 15px;
                        img {
                                width: 100%;
                        }
                }
        }
}

.Certificate {
        .incontent {
                #dowebok {
                        li {
                                margin-bottom: 35px;
                                img {
                                        width: 100%;
                                }
                        }
                }
        }
}

.CaseList,
.Protect {
        .list {
                .imglist {
                        li {
                                margin-top: 15px;
                                dl {
                                        margin: 0;
                                        border: 2px solid #ebebeb;
                                        dt::before {
                                                content: '';
                                                display: block;
                                                margin-top: 75%;
                                        }
                                        dt {
                                                position: relative;
                                                width: 100%;
                                                overflow: hidden;
                                                img {
                                                        position: absolute;
                                                        top: 0;
                                                        bottom: 0;
                                                        left: 0;
                                                        right: 0;
                                                        width: 100%;
                                                        height: 100%;
                                                }
                                        }
                                        dd {
                                                height: 30px;
                                                text-align: center;
                                                span {
                                                        display: inline-block;
                                                        line-height: 30px;
                                                }
                                        }
                                }
                        }
                }
        }
}

/* Server 下的项目 */

.Server {
        span {
                font-size: 14px;
                font-family: 宋体, SimSun;
        }
        .Items {
                .newslist {
                        padding: 0;
                        li {
                                display: flex;
                                height: 120px;
                                margin: 10px 0;
                                padding: 10px;
                                background: #f3f3f3;
                                .pic {
                                        max-width: 135px;
                                        height: 100px;
                                        img {
                                                width: 135px;
                                                height: 100%;
                                        }
                                }
                                .text {
                                        padding-left: 10px;
                                        overflow: hidden;
                                        div {
                                                // display: inline-block;
                                                overflow: auto;
                                        }
                                        h6 a {
                                                color: #2a2a2a;
                                                text-decoration: none;
                                                font: bold 16px/24px Microsoft YaHei;
                                        }
                                        span a {
                                                color: #de0025;
                                        }
                                }
                        }
                }
        }
        .InContent {
                padding: 0 15px;
                p {
                        margin: 15px 0;
                }
                .title {
                        border: none;
                }
                .title>h1 {
                        font-size: 18px;
                        line-height: 30px;
                        font-family: 'microsoft yahei';
                        text-align: center;
                        font-weight: normal;
                        margin: 0px;
                }
                .content {
                        font-size: 14px;
                        text-indent: 15px;
                        font-family: 宋体, SimSun;
                }
        }
}

.Team {
        .Imgs {
                .imglist {
                        li {
                                margin-top: 15px;
                                dl {
                                        margin: 0;
                                        border: 2px solid #ebebeb;
                                        dt::before {
                                                content: '';
                                                display: block;
                                                margin-top: 75%;
                                        }
                                        dt {
                                                position: relative;
                                                width: 100%;
                                                overflow: hidden;
                                                img {
                                                        position: absolute;
                                                        top: 0;
                                                        bottom: 0;
                                                        left: 0;
                                                        right: 0;
                                                        width: 100%;
                                                        height: 100%;
                                                }
                                        }
                                        dd {
                                                height: 30px;
                                                text-align: center;
                                                p,
                                                span {
                                                        display: inline-block;
                                                        line-height: 30px;
                                                }
                                        }
                                }
                        }
                }
        }
        #dowebok {
                height: 700px;
                max-height: 700px; // overflow: scroll;
                li {
                        display: none;
                        margin-bottom: 35px;
                        img {
                                width: 100%;
                        }
                }
        }
}

.News {
        .incontent {
                * {
                        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                }
                h1 {
                        margin: 0;
                        padding: .1rem;
                        color: $article;
                        font-size: 38px;
                        line-height: 54px;
                        text-align: center;
                        font-weight: normal;
                }
                p {
                        color: $article;
                        font-size: 18px;
                        line-height: 32px;
                }
        }
}

.newslist {
        li {
                clear: both;
                padding: 15px 0;
                font-size: 14px; // font-family: 宋体;
                border-bottom: 1px dashed #b9b9b9;
                .years {
                        width: 60px;
                        height: 40px;
                        margin-right: 15px;
                        color: #999;
                        text-align: center;
                        font-size: 12px;
                        line-height: 14px;
                        border-right: 1px solid #b6b6b6;
                        .day {
                                font-size: 24px;
                                line-height: 30px;
                                text-align: center;
                        }
                }
                .tItle {
                        h3 {
                                color: #555;
                                text-align: left;
                                font-size: 16px;
                                line-height: 24px;
                        }
                        p {
                                height: 18px;
                                color: #616161;
                                font: 12px/18px Microsoft Yahei;
                                word-wrap: break-word;
                                text-overflow: ellipsis;
                                overflow: hidden;
                        }
                }
        }
}

// img {
//         background-image: url(about:blank);
//         background-attachment: initial;
//         background-size: initial;
//         background-origin: initial;
//         background-clip: initial;
//         background-position: 50% 50%;
//         background-repeat: no-repeat;
// }
// a.router-link-active 
// a.router-link-exact-active {
//         color: red;
// }